<template>

    <div class="inner">
        <!--<img class="head_icon" src="../../assets/food.png" alt="">-->
        <span class="head_title">海固电器管理系统</span>
        <!--<span class="head_login">已登录</span>-->
        <!--<span class="head_logoff" @click="headLogoff">注销</span>-->
    </div>

</template>

<script>

    export default {
        data (){
            return {

            }
        },
        methods:{
            headLogoff(){
                this.logout();
            }
        }
    }

</script>



<style>

    .inner{
        height: 80px;
        width: 100%;
        background-color: #20A0FF;
        text-align: center;
        font-size: 15px;
        color: white;
    }
    .head_icon{
        margin-left: 40px;
        height: 50px;
        width: 50px;
        float: left;
        margin-top: 10px;
    }
    .head_title{
        font-family:SimSun;
        float: left;
        line-height: 80px;
        font-size: 26px;
        margin-left:3%;
        letter-spacing:15px;
    }
    .head_login{
        float: right;
        line-height: 80px;
        margin-right: 70px;
    }
    .head_logoff{
        float: right;
        line-height: 80px;
        margin-right: 50px;
        cursor: pointer;
    }


</style>










